<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Moxinglong - personal websites</title>
    <link rel="shortcut icon" href="include/images/logo.ico" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <link rel="stylesheet" href="include/css/index.css"/>
    <script src="include/js/jquery-1.9.1.min.js"></script>
    <script src="jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $('#carousel ul').carouFredSel({
                prev: '#prev',
                next: '#next',
                pagination: "#pager",
                scroll: 1000
            });
        });
    </script>
    <script src="include/js/jquery.carouFredSel-6.0.4-packed.js"></script>
    <script src="include/js/jquery.carouFredSel-6.1.0-packed.js"></script>
    <script src="include/js/scroll.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
    <!--个人网站 fixed定位导航-->
    <header>
        <nav class="navbar navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <img src="include/images/personx-logo-2.png"/>
                </div>
                <div class="navbar-content">
                    <nav>
                        <ul>
                            <li class="active">
                            <a  href="javascript:;">首页</a>
                            </li>
                            <li>
                                <a href="javascript:;">个人介绍</a>
                            </li>
                            <li>
                                <a href="javascript:;">技能掌握</a>
                            </li>
                            <li>
                                <a href="javascript:;">项目经验</a>
                            </li>
                            <li>
                                <a href="javascript:;">联系方式</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </nav>

        <div class="content">
            <div>
                <h1>HI, I AM</h1>
                <h1>MO XING LONG</h1>
                <p class="zhiwei">Java development engineer</p>
                <p class="button"><button>GET TO KNOW ME</button></p>
            </div>
        </div>
    </header>


    <div id="container">
        <div class="sections">


            <div class="section header">
                <div class="image">
                    <img src="include/images/person.jpg"/>
                </div>
                <div class="section_person">
                    <h1>Hello,</h1>
                    <div>
                        <table>
                            <tr>
                                <td class="table_name">应聘职位：</td>
                                <td>Java开发工程师</td>
                                <td class="table_name">目前住址：</td>
                                <td>上海市浦东新区</td>
                            </tr>
                            <tr>
                                <td class="table_name">姓名：</td>
                                <td>莫兴龙</td>
                                <td class="table_name">年龄：</td>
                                <td>21</td>
                            </tr>
                            <tr>
                                <td class="table_name">毕业院校：</td>
                                <td>湖南人文科技学院</td>
                                <td class="table_name">专业：</td>
                                <td>软件工程</td>
                            </tr>
                        </table>
						<p style="line-height:30px">本人是一名应届生，拥有扎实的Java语言基础，熟练掌握HTML、CSS、JS等WEB前端技术，熟悉JSP、Servlet等技术，熟练掌握SQL语句，有ORACLE、MySQL数据库开发使用经验，能熟练使用MyEclipse、Eclipse、HBuilder等软件开发工具。
						</p>
						<p style="line-height:30px">本人在校期间通过课堂学习和课外学习系统的，较好的掌握了C语言,C++和Java与Java web的运用，计算机科学与技术包括计算机硬件，软件与应用的知识与技能方法。在校期间经常会做一些项目自己练手。在大一下学期的时候经过查阅资料自学做了一个班级作业分类提交系统，并且把它布置到服务器上供同学们使用。</p>
                    </div>
                </div>
            </div>


            <div class="section skill">
                <div class="skill_bg"></div>
                <div class="skill_content" >
                    <h1 class="text-center">MY SKILLS</h1>
                        <p>1. 熟悉Html、Javascript、Jquery、Ajax等WEB前端技术；</p>
                        <p>2. 熟练掌握Jsp、Servlet、Jdbc等WEB开发技术；</p>
                        <p>3. 掌握SQL数据库语言，能熟练使用MySql及Oracle等数据库；</p>
                        <p>4. 熟练应用三大框架Hibernate，Struts2，Spring，了解框架运行原理；</p>
                        <p>5. 熟悉流行框架 SpringMVC，Mybatis，能够搭建SSM开发环境；</p>
                        <p>6. 熟悉Maven分模块开发，熟悉搭建本地仓库和远程仓库；</p>
                        <p>7. 熟悉Linux操作系统、常用命令，能够配置Jdk、MySQL、Tomcat环境搭建服务器；</p>
						<p>8. 熟练使用MyEclipse、Eclipse、HBuilder等编程工具以及Navicat，Heidisql等数据库操作工具；</p>
                        <p>9. 熟练使用SVN、Git等版本控制工具；有较强的学习和动手能力，热爱软件开发。</p>
                        <p>10. 多个项目经验积累、若干平台使用经验，熟悉项目进展的各个阶段、掌握代码重构的基本原理、可以进行快速有效开发；</p>
                </div>
            </div>



            <div class="section experience">
                <h1 class="text-center">项目经验</h1>
                <p class="text-center"><strong>Github主页</strong> ：<a href="https://github.com/moxinglong/">
                https://github.com/moxinglong</a></p>
                <nav>
                    <ul>
                      <li class="active"><span>在线电影院购票网站</span></li>
                      <li><span>学生排课系统</span></li>
                    </ul>
                </nav>


                <div class="experience_divs">
				<div class="flex-wrap">
                        <div class="left">
                            <div class="center">
                                    <p class="half">项目完成时间：2017-5</p>
                                    <p class="half">项目运行环境：window7 MySQL</p>
                                    <p class="half">项目运行技术：myEclipse</p>
                                    <p class="half">JAVA应用服务器：tomcat8.5;</p>
                                    <p style="margin-bottom: 10px" class="half">开发环境：Nutz框架 + MySQL + Tomcat8.5</p>
                                    <p style="margin-bottom: 10px" class="half">项目演示链接 ：<a href="http://123.207.17.31/jee14436231/">在线电影院购票网站</a></p><br/><br/>
                            </div>
                             <p>项目描述：该项目主要是完成影影购网上订票以及后台管理系统的开发，整个系统分为前台用户模块和后台管理模块，其中，前台分为首页电影列表、用户登录、用户注册、用户选座、用户下单等模块，后台分为用户管理、影片管理、放映管理、订单管理等模块。用户登录实现了记住用户名，密码，用户注册使用了邮箱获取验证码。整个项目结构上分为表现层、业务层和数据访问层，层次间分工明确，便于维护。</p>
                            <p>责任描述：本人独立完成了整个系统的开发，前台使用了servlet+jsp技术，后台使用了easyui+nutz框架，数据库连接使用了外部配置文件，更易于更新和维护，后台添加模块中都实现了ajax验证，已存在于数据库的记录不会被第二次添加，保证了数据的唯一性，用户选座购票的选座表使用js对数据库传递过来的数据进行控制，用户不能选择已被购买的座位，并且一次只能选购四个座位。同时，用户取消订单也会同步到数据库，已被预定的座位会被释放，保证了数据的同步更新。</p>
                            <p>项目总结：通过这个项目使我对MVC模式的认识更加的清楚，看到了SpringIoC在解决程序松散耦合方面的强大之处。
                                JSP页面纯标签开发所带来的方便以及页面的美观。</p>
                        </div>
                    </div>
                    <div class="flex-wrap">
                        <div class="left">
                            <p class="half">项目完成时间：2017-5</p>
                            <p class="half">项目运行环境：window7 MySQL</p>
                            <p class="half">项目运行技术：myEclipse</p>
                            <p class="half">JAVA应用服务器：tomcat7;</p>
                            <p style="margin-bottom: 10px" class="half">开发环境：SSH框架 + MySQL + Tomcat7</p>
                            <p style="margin-bottom: 10px" class="half">项目演示链接 ：<a href="http:www.baidu.com">排课系统</a></p><br/><br/>
                            <p>项目描述：该系统主要用于教务处后台管理，主要功能模块有课程表展示、教师管理、评论管理、学生管理、班级管理、排课管理，其中，教师管理、学生管理、班级管理三个模块中除实现了基本的增删改查功能外，还实现了模块间的联动，例如，教师列表中，通过点击查看教师详情可以获得该教师所带的班级，以及学生对该教师的评价，使用者可以通过继续点击查看班级详情获得班级的详细信息(带班老师、班级学生)，每个功能模块中的添加模块中，添加的学生或者班级可以自己勾选。排课管理模块是整个系统的核心，管理员添加要排课的班级后，可以根据当前排课班级和已排课班级进行计算，自动将要排课的班级进行排课。</p>
                            <p>责任描述：该系统从数据库设计到编码实现，再到测试，由本人独立完成，使用的是web层、service层、dao层分层开发，整个开发环境使用了SSH框架，其中，dao层使用hibernate框架操作数据库，web层使用struts2框架,项目中所有的对象统一交给了spring框架管理，实体设计中使用了一对多关联属性，比如一个班级会有多名学生，每个班级会有多名老师，每个老师又会带多个班级。前端界面使用了layui框架。</p>
                            <p>项目总结：通过这个项目使我对MVC模式的认识更加的清楚，看到了SpringIoC在解决程序松散耦合方面的强大之处。
                                JSP页面纯标签开发所带来的方便以及页面的美观。</p>
                        </div>
                    </div>
            
                </div>
            </div>


            <div class="section contact" style="margin-bottom:0px;">
                <div class="contact_top">
                    <div class="skill_bg"></div>
                    <div class="divs">
                        <div class="flex-warp">
                            <div class="img"><span class="glyphicon glyphicon-earphone"></span></div>
                            <div class="text">
                                <p>CALL ME</p>
                                <p>17674707361</p>
                            </div>
                        </div>
                        <div class="flex-warp">
                            <div class="img"><span class="glyphicon glyphicon-envelope"></span></div>
                            <div class="text">
                                <p>EMAIL</p>
                                <p>1239848157@qq.com</p>
                            </div>
                        </div>
                        <div class="flex-warp">
                            <div class="img"><span class="glyphicon glyphicon-map-marker"></span></div>
                            <div class="text">
                                <p>ADDRESS</p>
                                <p>上海市浦东新区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section Content">
                <h1 class="text-center">Contact Me</h1>
                <p class="text-center">Ready to keep in touch with me for amazing things?</p>
                <div class="form">
                    <form action="index.php">
                        <div class="input-group-left">
                            <input type="text"  placeholder="Your name" aria-describedby="sizing-addon1">
                        </div>
                        <div class="input-group-right">
                            <input type="text"  placeholder="Your telphone" aria-describedby="sizing-addon1">
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" rows="10"></textarea>
                        </div>
                        <input class="button" type="submit" value="Send">
                    </form>
                </div>
            </div>


            <div class="contact_bottom">
                <p class="text-center">moxinglong © 2017. 个人网站 </p>
            </div>

        </div>
    </div>





<!--返回顶层-->
    <a id="backToTop">
        <span class="glyphicon glyphicon-chevron-up"></span>
    </a>
</body>
</html>